
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>后页首页 - BsAdmin后台模板 - 经典版演示</title>
    <%@ include file="heah.jsp"%>
</head>
<body>



<div id="app" class="d-flex">


    <%@ include file="left.jsp"%>

    <main>
        <%@include file="header.jsp"%>

        <div id="body">
            
            <script>
                console.log(config);
                $(function() {
                    $('#version').html(config.version);
                });

            </script>
            <style>

                .main {
                    overflow-y: auto;
                }

                .info .card {
                    min-height: 330px;
                }

                .user .card {
                    min-height: 500px;
                }

                .card h5 {
                    margin-bottom: 20px;
                }

                .main ul li {
                    margin-bottom: 3px;
                }
            </style>
            <main>
                <div class="main pt-5 pb-5">

                    <div class="jumbotron bg-white pt-1 pb-1 mb-0">
                        <h1 class="display-4">BsAdmin</h1>
                        <p class="lead">基于Bootstrap4构建的BsAdmin后台模板</p>
                    </div>

                    <hr class="my-4">
                    <div class="info">
                        <div class="row">


                            <div class="col-4">


                                <div class="card">
                                    <div class="card-body">
                                        <h5>支持我们</h5>
                                        <ul>
                                            <li>如果您认为BsAdmin对你有所帮助,你可以扫描以上二维码支持我们</li>
                                            <li><img height="180" src="http://demo.qadmin.net/static/admin/img/pay.png"></li>
                                        </ul>
                                    </div>
                                </div>


                            </div>
                            <div class="col-4">

                                <div class="card">
                                    <div class="card-body">
                                        <h5>BsAdmin 介绍</h5>
                                        <ul>
                                            <li>BsAdmin 是一个轻量级的后台模板,基于Bootstrap4构建</li>
                                            <li>风格简洁简单,中小型项目首选</li>
                                            <li>不管你是初级还是高级工程师,都有可以快速上手</li>
                                            <li>BsAdmin是由Bootstrap4开发,可以在模板任意使用jq或vue</li>
                                            <li>当前版本: <b id="version"></b></li>
                                            <li><b>关注官网或github随时下载最新版</b></li>
                                            <li>
                                                <a href="http://www.qadmin.net/" target="_blank" class="btn btn-primary">进入官网</a>
                                                <a href="https://github.com/aa24615/bsadmin" target="_blank" class="btn btn-danger">github</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-4">

                                <div class="card">
                                    <div class="card-body">
                                        <h5> BsAdmin 特点</h5>
                                        <ul>
                                            <li>轻量级</li>
                                            <li>简洁直爽</li>
                                            <li>基于Bootstrap4,上手快</li>
                                            <li>支持jq/vue</li>
                                            <li>...</li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>


                    <hr class="my-4">

                    <div class="user">
                        <div class="row">
                            <div class="col-8">

                                <div class="card">
                                    <div class="card-body ">
                                        <h5>最新会员</h5>
                                        <table class="table">

                                            <thead>
                                            <tr>
                                                <th><a href="?/admin/user/index/order/uid.html">UID</a></th>
                                                <th>用户名</th>
                                                <th>邮箱</th>
                                                <th><a href="?/admin/user/index/order/reg_time.html">注册时间</a></th>
                                                <th><a href="?/admin/user/index/order/login_time.html">登录时间</a></th>
                                                <th><a href="?/admin/user/index/order/login.html">登录次数</a></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            <tr class="id36567">
                                                <td>36567</td>
                                                <td>YY187919</td>
                                                <td>YY187919@qadmin.net</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>2019-04-01 11:44:20</td>
                                                <td>7</td>
                                            </tr>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>


                            </div>

                            <div class="col-4">

                                <div class="card">

                                    <div class="card-body ">

                                        <h5>
                                            会员统计
                                        </h5>
                                        <table class="table">
                                            <tbody><tr>
                                                <th>今天登录</th>
                                                <td>555</td>
                                            </tr>
                                            <tr>
                                                <th>昨天登录</th>
                                                <td>5552</td>
                                            </tr>
                                            <tr>
                                                <th>会员总数</th>
                                                <td>224555</td>
                                            </tr>
                                            <tr>
                                                <th>月活跃数</th>
                                                <td>55885</td>
                                            </tr>
                                            <tr>
                                                <th>季活跃数</th>
                                                <td>5485885</td>
                                            </tr>
                                            <tr>
                                                <th>vip用户</th>
                                                <td>65885</td>
                                            </tr>
                                            <tr>
                                                <th>过期vip</th>
                                                <td>525885</td>
                                            </tr>

                                        </tbody></table>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                </div>

            </main>


        </div>

    </main>
</div>
<script src="./static/admin/js/update.js" ></script>
</body>
</html>
